<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>智能进出口服务平台</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <link rel="shortcut icon" type="image/x-icon" href="/images/logo.ico" />
    <link rel="stylesheet" href="/css/jquery-ui-1.9.2.custom.css?v=201810182111"/>
    <link rel="stylesheet" href="/layui/css/layui.css?v=201810182111"/>
    <link rel="stylesheet" href="/css/font-awesome.min.css?v=201810182111"/>
    <link rel="stylesheet" href="/css/style.css?v=201810182111"/>
    <link rel="stylesheet" href="/declare/css/jquery.autocompleter.css?v=202006051337" />
    <link rel="stylesheet" href="/declare/css/declare.css?v=202010161602"/>
    <style type="text/css">
        .layui-table tbody tr:hover{
            background-color: #f9fbe5;
        }
    </style>
</head>
<body class="zmark-body bg-white">
<div class="layui-card">
    <div class="layui-card-body">
        <div class="layui-btn-group">
            <button type="button" class="layui-btn layui-btn-primary layui-btn-xs prohibit-btn" id="saveDec">
                <i class="fa fa-save"></i>暂存
            </button>
            <button type="button" class="layui-btn layui-btn-primary layui-btn-xs prohibit-btn" id="declare">
                <i class="fa fa-send"></i>申报
            </button>
            <!--
            <button type="button" class="layui-btn layui-btn-primary layui-btn-xs prohibit-btn" id="exportDriverPaper">
                <i class="fa file-excel-o"></i>导出司机纸
            </button>
            <button type="button" class="layui-btn layui-btn-primary layui-btn-xs prohibit-btn" id="exportMember">
                <i class="fa file-excel-o"></i>导出明细单
            </button>
            <button type="button" class="layui-btn layui-btn-primary layui-btn-xs prohibit-btn" id="exportOriginData">
                <i class="fa file-excel-o"></i>导出原数据
            </button>
            -->
            <button type="button" class="layui-btn layui-btn-primary layui-btn-xs prohibit-btn" id="exportBattle">
                <i class="fa file-excel-o"></i>导出场战资料
            </button>
            <button type="button" class="layui-btn layui-btn-primary layui-btn-xs layui-border-red" id="delete">
                <i class="fa fa-times"></i>删除
            </button>
            <button type="button" class="layui-btn layui-btn-primary layui-btn-xs layui-border-red" id="waybillCancel">
                <i class="fa fa-trash"></i>撤销总分单
            </button>
            <button type="button" class="layui-btn layui-btn-primary layui-btn-xs layui-border-red" id="refresh">
                <i class="fa fa-refresh"></i>刷新
            </button>
        </div>
        <div class="layui-row">
            <div class="layui-col-sm12">
                <fieldset class="layui-elem-field layui-field-title res-layui-elem-field">
                    <legend>整车表头</legend>
                </fieldset>
                <form class="layui-form" id="headForm" method="post" lay-filter="headForm" onsubmit="return false">
                    <input type="hidden" name="id" id="id" value=""/>
                    <table class="dec-info">
                        <tbody>
                        <tr>
                            <td colspan="3" class="label">客户名称</td>
                            <td colspan="9">
                                <input class="dec-input required auto-customer" name="customerName" id="customerName"/>
                                <input type="hidden" name="customerId" id="customerId"/>
                            </td>
                            <td colspan="3" class="label">系统单号</td>
                            <td colspan="9"><input class="dec-input disabled" readonly name="docNo" id="docNo"/></td>
                            <td colspan="3" class="label">状态</td>
                            <td colspan="9"><input class="dec-input disabled" readonly name="statusName" id="statusName"/></td>
                            <td colspan="3" class="label">制单人</td>
                            <td colspan="9"><input class="dec-input disabled" readonly name="createBy" id="createBy"/></td>
                        </tr>
                        </tbody>
                    </table>
                    <table class="dec-info" style="margin-top: 4px">
                        <tbody>
                        <tr>
                            <td colspan="3" class="label">申报地海关</td>
                            <td colspan="9">
                                <input type="hidden" name="customMaster" id="customMaster"/>
                                <input class="dec-input required" name="customMasterName" id="customMasterName"/>
                            </td>
                            <td colspan="3" class="label">出口口岸</td>
                            <td colspan="9">
                                <input type="hidden" name="iePort" id="iePort"/>
                                <input class="dec-input required" name="iePortName" id="iePortName"/>
                            </td>
                            <td colspan="3" class="label">支付方式</td>
                            <td colspan="9">
                                <input type="hidden" name="payWay" id="payWay"/>
                                <input class="dec-input required" name="payWayName" id="payWayName"/>
                            </td>
                            <td colspan="3" class="label">监管场所</td>
                            <td colspan="9">
                                <input class="dec-input" name="loctNo" id="loctNo"/>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="3" class="label">申报企业</td>
                            <td colspan="9">
                                <input class="dec-input required" name="agentCode" id="agentCode" placeholder="申报企业代码"/>
                            </td>
                            <td colspan="12">
                                <input class="dec-input required" name="agentName" id="agentName" placeholder="申报企业名称"/>
                            </td>
                            <td colspan="3" class="label">物流企业</td>
                            <td colspan="9">
                                <input class="dec-input required" name="logisticsCode" id="logisticsCode" placeholder="物流企业代码"/>
                            </td>
                            <td colspan="12">
                                <input class="dec-input required" name="logisticsName" id="logisticsName" placeholder="物流企业名称"/>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="3" class="label">电商企业</td>
                            <td colspan="9">
                                <input class="dec-input required" name="ebcCode" id="ebcCode" placeholder="电商企业代码"/>
                            </td>
                            <td colspan="12">
                                <input class="dec-input required" name="ebcName" id="ebcName" placeholder="电商企业名称"/>
                            </td>
                            <td colspan="3" class="label">电商平台</td>
                            <td colspan="9">
                                <input class="dec-input required" name="ebpCode" id="ebpCode" placeholder="电商平台代码"/>
                            </td>
                            <td colspan="12">
                                <input class="dec-input required" name="ebpName" id="ebpName" placeholder="电商平台名称"/>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="3" class="label">生产销售单位</td>
                            <td colspan="9">
                                <input class="dec-input required" name="ownerCode" id="ownerCode" placeholder="生产销售单位代码"/>
                            </td>
                            <td colspan="12">
                                <input class="dec-input required" name="ownerName" id="ownerName" placeholder="生产销售单位名称"/>
                            </td>
                            <td colspan="3" class="label">支付企业</td>
                            <td colspan="9">
                                <input class="dec-input required" name="payCode" id="payCode" placeholder="支付企业代码"/>
                            </td>
                            <td colspan="12">
                                <input class="dec-input required" name="payName" id="payName" placeholder="支付企业名称"/>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="3" class="label">指运港</td>
                            <td colspan="9">
                                <input type="hidden" name="distinatePort" id="distinatePort"/>
                                <input class="dec-input required" name="distinatePortName" id="distinatePortName"/>
                            </td>
                            <td colspan="3" class="label">订单类型</td>
                            <td colspan="9">
                                <input type="hidden" name="orderType" id="orderType"/>
                                <input class="dec-input required" name="orderTypeName" id="orderTypeName"/>
                            </td>
                            <td colspan="3" class="label">订单发送单位</td>
                            <td colspan="9">
                                <input type="hidden" name="orderSendUnit" id="orderSendUnit"/>
                                <input class="dec-input required" name="orderSendUnitName" id="orderSendUnitName"/>
                            </td>
                            <td colspan="3" class="label">清单发送单位</td>
                            <td colspan="9">
                                <input type="hidden" name="invtSendUnit" id="invtSendUnit"/>
                                <input class="dec-input required" name="invtSendUnitName" id="invtSendUnitName"/>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="3" class="label">申报业务类型</td>
                            <td colspan="9">
                                <input type="hidden" name="statisticsFlag" id="statisticsFlag"/>
                                <input class="dec-input required" name="statisticsFlagName" id="statisticsFlagName"/>
                            </td>
                            <td colspan="3" class="label">贸易方式</td>
                            <td colspan="9">
                                <input type="hidden" name="tradeMode" id="tradeMode"/>
                                <input class="dec-input required" name="tradeModeName" id="tradeModeName"/>
                            </td>
                            <td colspan="3" class="label">提运单号</td>
                            <td colspan="9">
                                <input class="dec-input required" name="billNo" id="billNo"/>
                            </td>
                            <td colspan="3" class="label">集装箱信息</td>
                            <td colspan="9">
                                <input class="dec-input" name="containerInfo" id="containerInfo"/>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="3" class="label">出口日期</td>
                            <td colspan="9">
                                <input class="dec-input required picker-date" name="ieDate" id="ieDate"/>
                            </td>
                            <td colspan="3" class="label">到账时间</td>
                            <td colspan="9">
                                <input class="dec-input required picker-time" name="accountingDate" id="accountingDate"/>
                            </td>
                            <td colspan="3" class="label">离境时间</td>
                            <td colspan="9">
                                <input class="dec-input picker-time" name="leaveTime" id="leaveTime"/>
                            </td>
                            <td colspan="3" class="label">货物名称</td>
                            <td colspan="9">
                                <input class="dec-input" name="goodsTitle" id="goodsTitle"/>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="3" class="label">运输方式</td>
                            <td colspan="9">
                                <input type="hidden" name="cusTrafMode" id="cusTrafMode"/>
                                <input class="dec-input required" name="cusTrafModeName" id="cusTrafModeName"/>
                            </td>
                            <td colspan="3" class="label">运输工具名称</td>
                            <td colspan="9">
                                <input class="dec-input required" name="trafName" id="trafName"/>
                            </td>
                            <td colspan="3" class="label">运输工具编号</td>
                            <td colspan="9">
                                <input class="dec-input" name="domesticTrafNo" id="domesticTrafNo"/>
                            </td>
                            <td colspan="3" class="label">车次/航次</td>
                            <td colspan="9">
                                <input class="dec-input required" name="voyageNo" id="voyageNo"/>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="3" class="label">运费</td>
                            <td colspan="3">
                                <input type="hidden" name="feeMark" id="feeMark"/>
                                <input class="dec-input required" name="feeMarkName" id="feeMarkName"/>
                            </td>
                            <td colspan="3">
                                <input class="dec-input required" name="feeRate" id="feeRate" NUM="4"/>
                            </td>
                            <td colspan="3">
                                <input type="hidden" name="feeCurr" id="feeCurr"/>
                                <input class="dec-input required" name="feeCurrName" id="feeCurrName"/>
                            </td>
                            <td colspan="3" class="label">保险费</td>
                            <td colspan="3">
                                <input type="hidden" name="insurMark" id="insurMark"/>
                                <input class="dec-input required" name="insurMarkName" id="insurMarkName"/>
                            </td>
                            <td colspan="3">
                                <input class="dec-input required" name="insurRate" id="insurRate" NUM="4"/>
                            </td>
                            <td colspan="3">
                                <input type="hidden" name="insurCurr" id="insurCurr"/>
                                <input class="dec-input required" name="insurCurrName" id="insurCurrName"/>
                            </td>
                            <td colspan="3" class="label">商品币制</td>
                            <td colspan="9">
                                <input type="hidden" name="currencyCode" id="currencyCode">
                                <input class="dec-input required" name="currencyName" id="currencyName"/>
                            </td>
                            <td colspan="3" class="label">包装种类</td>
                            <td colspan="9">
                                <input type="hidden" name="wrapType" id="wrapType"/>
                                <input class="dec-input required" name="wrapTypeName" id="wrapTypeName"/>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="3" class="label">备注</td>
                            <td colspan="45">
                                <input class="dec-input" name="memo" id="memo"/>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </form>
            </div>
            <div class="layui-col-sm12">
                <fieldset class="layui-elem-field layui-field-title res-layui-elem-field">
                    <legend>整车清单列表</legend>
                </fieldset>
                <div class="layui-row">
                    <div class="order-members-tool border-box">
                        <div class="group">
                            <div class="layui-btn-group">
                                <button type="button" class="layui-btn layui-btn-primary layui-btn-xs prohibit-btn" id="amendNo">
                                    <i class="fa fa-paper-plane"></i>修改单号
                                </button>
                                <button type="button" class="layui-btn layui-btn-primary layui-btn-xs prohibit-btn" id="updateHead">
                                    <i class="fa fa-paper-plane"></i>修改表头
                                </button>
                                <button type="button" class="layui-btn layui-btn-primary layui-btn-xs prohibit-btn" id="batch-declare">
                                    <i class="fa fa-paper-plane"></i>批量申报
                                </button>
                            </div>
                        </div>
                        <div class="group success-color">总件数：<span id="totalNum">0</span></div>
                        <div class="group success-color">总货值：<span id="totalPrice">0</span></div>
                        <div class="group success-color">总毛重：<span id="totalGrossWeight">0</span></div>
                        <div class="group success-color">总净重：<span id="totalNetWeight">0</span></div>

                        <div class="group">
                            <select id="statusId" style="width: 80px"></select>
                        </div>

                        <div class="group">
                            <select id="orderStatus" style="width: 80px"></select>
                        </div>

                        <div class="group">
                            <input class="dec-input required" style="width: 100px" id="s_docNo" placeholder="清单/订单/运单编号"/>
                        </div>

                        <div class="group">
                            <input class="dec-input required" style="width: 80px" id="s_codeTs" placeholder="商品编码"/>
                        </div>

                        <div class="group">
                            <div class="layui-btn-group">
                                <button type="button" class="layui-btn layui-btn-primary layui-btn-xs query-btn">
                                    <i class="fa fa-search"></i>查询
                                </button>
                                <button type="button" class="layui-btn layui-btn-primary layui-btn-xs reset-btn">
                                    <i class="fa fa-refresh"></i>重置
                                </button>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="tab-normal" style="margin-top: 8px;">
                    <table class="layui-hide" id="vehicle-detailed-list" lay-filter="vehicle-detailed-list"></table>
                </div>
            </div>
            <div id="vehicle-declare-goods" class="layui-col-sm12 zm-hide">
                <fieldset class="layui-elem-field layui-field-title res-layui-elem-field">
                    <legend id="declare-goods-title">清单表体</legend>
                    <div class="order-goods-tool border-box">
                        <div class="group">
                            <div class="layui-btn-group">
                                <button type="button" class="layui-btn layui-btn-primary layui-btn-xs prohibit-btn" id="updateBody">
                                    <i class="fa fa-paper-plane"></i>修改表体
                                </button>
                            </div>
                        </div>
                    </div>
                </fieldset>
                <div class="tab-normal">
                    <table class="layui-hide" id="vehicle-goods-list" lay-filter="vehicle-goods-list"></table>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/html" id="statusTemp">
        {{#if(d.statusName != null && d.statusName != '' && d.statusName == '处理异常'){}}
          <span style="color: red">{{d.statusName}}</span>
        {{#}}
        {{#}else{ }}
        <span>{{d.statusName}}</span>
        {{#}}}
        {{#if(d.inventoryCancelStatusName != null && d.inventoryCancelStatusName != '' ){}}
        <span style="color: red">(撤销-{{d.inventoryCancelStatusName}})</span>
        {{#}}}
</script>
<script type="text/html" id="orderStatusTemp">
        {{#if(d.orderStatusName != null && d.orderStatusName != '' && d.orderStatusName == '处理异常'){}}
        <span style="color: red">{{d.orderStatusName}}</span>
        {{#}}
        {{#}else{ }}
        <span>{{d.orderStatusName}}</span>
        {{#}}}
</script>
<script type="text/html" id="receiptStatusTemp">
        {{#if(d.receiptStatusName != null && d.receiptStatusName != '' && d.receiptStatusName == '处理异常'){}}
        <span style="color: red">{{d.receiptStatusName}}</span>
        {{#}}
        {{#}else{ }}
        <span>{{d.receiptStatusName}}</span>
        {{#}}}
</script>
<script type="text/html" id="logisticsStatusTemp">
        {{#if(d.logisticsStatusName != null && d.logisticsStatusName != '' && d.logisticsStatusName == '处理异常'){}}
        <span style="color: red">{{d.logisticsStatusName}}</span>
        {{#}}
        {{#}else{ }}
        <span>{{d.logisticsStatusName}}</span>
        {{#}}}
</script>
<script type="text/html" id="inventoryCancelStatusTemp">
        {{#if(d.inventoryCancelStatusName != null && d.inventoryCancelStatusName != '' && d.inventoryCancelStatusName == '处理异常'){}}
        <span style="color: red">{{d.inventoryCancelStatusName}}</span>
        {{#}}
        {{#}else{ }}
        <span>{{d.inventoryCancelStatusName}}</span>
        {{#}}}
</script>
<script type="text/javascript" src="/js/jquery.min.js?v=201810311445"></script>
<script type="text/javascript" src="/js/jquery-ui-1.9.2.custom.min.js?v=201810311445"></script>
<script type="text/javascript" src="/layui/layui.js?v=201810311445"></script>
<script type="text/javascript" src="/My97DatePicker/WdatePicker.js?v=201810311445"></script>
<script type="text/javascript" src="/declare/js/jquery.autocompleter.min.js?v=201810311445"></script>
<script type="text/javascript" src="/js/app.js?v=202007161855"></script>
<script type="text/javascript" src="/js/autocomplete.js?v=201810182111"></script>
<script type="text/javascript" src="/online/js/shortcut-key.js?v=202007071635"></script>
<script src="/js/sel-load.js?v=201903060011"></script>
<script type="text/javascript" src="/online/js/vehicle.autocompleter.js?v=202007081810"></script>
<script type="text/javascript" src="/online/declare/page.js?v=20210715122015"></script>
</body>
</html>